TN: L10 Vampire Knight.

Blogger Layouts / Classic

Designer's Comments

Look carefully for specific instructions

Zero and Yuuki!

Using This Layout

For specific instructions read designer's comments

1. Log into blogger.com
2. Click on Template
3. Copy (ctrl c) and paste (ctrl v) code to EDIT HTML

Layout Code

Copy and paste to Template

Help

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Vampire Knight</title>

A:link, A:visited, A:active {
font-family: georgia;
text-decoration: none;
font-weight: none;
text-transform: lowercase;
color: #fff;
line-height: 100%;
}

A:hover {
text-decoration: none;
font-style: italic; 
color: #00fffc; 
text-transform: lowercase; 
cursor: default; 
line-height: 100%;
}

A.hov, A:visited.hov, A:active.hov {
display: block;
background-color: #181818;
padding: 2px;
border-left: 3px solid #222;
border-bottom: 1px dotted #222;
}

A:hover.hov {
background-color: #282828;
border-left: 3px solid #333;
}

body {
background: url('http://cbimg6.com/layouts/09/01/33359aa.png') no-repeat top right;
background-color: #000;
font-family: Arial;
color: #000;
font-size: 8pt;
margin: 0px;
padding: 0px;
line-height: 110%;
text-align: justify;
}

.navi {
display: block;
font-family: georgia;
font-size: 10pt;
line-height: 100%;
color: #333;
letter-spacing: 0pt;
word-spacing: 0pt;
font-style: italic;
cursor: default;
padding: 0px ;
}

.navi:hover {
color: #00fffc;
}

#t1 {
width: 50%;
background-color: none;
border: none;
font-family: arial;
font-size: 8pt;
letter-spacing: 0px;
color: #bbb;
line-height: 110%;
margin-top: 550px;
margin-right: 10px
}

.hdr2 {
font-family: helvetica;
font-size: 18pt;
color: #444;
letter-spacing: -1pt;
text-align: left;
font-style: none;
font-weight: none;
padding: 0px;
line-height: 100%;
text-transform: lowercase;
}

.date {
font-family: helvetica;
font-size: 10pt;
color: #444;
letter-spacing: 0pt;
text-align: left;
font-style: none;
padding-left: 0px;
line-height: 100%;
text-transform: uppercase;
}

.subj {
font-family: arial;
font-size: 7pt;
color: #00fffc;
letter-spacing: 1pt;
text-align: left;
font-style: none;
padding-left: 0px;
line-height: 100%;
text-transform: lowercase;
background-color: #222;
border-top: 1px dotted #333;
}

blockquote {
font-family: courier new;
border-left: 5px solid #222;
background-color: #181818;
padding: 10px;
color: #777;
}

blockquote:first-letter {
font-size: 15pt;
font-style: italic;
font-family: Georgia;
}

blockquote:hover {
border-left: 5px solid #444;
}

::-moz-selection {
color: #fff;
background: #000;
}

b, strong, i, em, s, strike, u, underline {
color: #fff;
cursor: move;
}

u, underline {
background-color: #333;
text-decoration: none;
border-bottom: 1px solid #444;
line-height: 150%;
}

</head>
</style>

<body>

<table id="t1" align="right" cellpadding="0" cellspacing="0">
<tr>
<td width="20%" style="padding: 0px 10px 10px 0px; background-color: none; text-align: right; overflow-x: hidden;" valign="top">
<span class="navi" onClick="document.getElementById('main').innerHTML=document.getElementById('entries').innerHTML"title="Recent">entrées</span><span class="navi" onClick="document.getElementById('main').innerHTML=document.getElementById('profile').innerHTML"title="Biography">profil</span><span class="navi" onClick="document.getElementById('main').innerHTML=document.getElementById('links').innerHTML"title="Friends">amis</span><span class="navi" onClick="document.getElementById('main').innerHTML=document.getElementById('tag').innerHTML"title="Tagboard">parlez</span><span class="navi" onClick="document.getElementById('main').innerHTML=document.getElementById('past').innerHTML"title="Archive">mémoires</span>
</td>

<td id="profile" style="display: none;">
<div class="hdr2">Profile</div>
This might be my last chance So maybe I should take it I just hope your listening To everything I'm saying I miss the long drives, the car rides The bad fights, the good times The way you make me feel Will never leave my mind Think of you later in my empty room Where I, I will fall asleep alone Think of you later in my empty room Where I, I will fall asleep alone<br><br>
Profile here.
</td>

<td id="links" style="display: none;">
<div class="hdr2">Affiliates</div>
<a href="http://friendsurl.blogspot.com" target="_blank">Hibari</a>
<a href="http://friendsurl.blogspot.com" target="_blank">Rokudo</a>
<a href="http://friendsurl.blogspot.com" target="_blank">Tsuna</a>
<a href="http://friendsurl.blogspot.com" target="_blank">Colonello</a>
<a href="http://friendsurl.blogspot.com" target="_blank">Kyoko</a>
<a href="http://friendsurl.blogspot.com" target="_blank">Yamamoto</a>
<a href="http://friendsurl.blogspot.com" target="_blank">Gokudera</a>
<a href="http://friendsurl.blogspot.com" target="_blank">Reborn</a>
<a href="http://friendsurl.blogspot.com" target="_blank">Haru</a>
<a href="http://friendsurl.blogspot.com" target="_blank">Ryohei</a>
<a href="http://friendsurl.blogspot.com" target="_blank">Chrome</a>
<a href="http://friendsurl.blogspot.com" target="_blank">Lambo</a>
<a href="http://friendsurl.blogspot.com" target="_blank">I-Pin</a>
<a href="http://friendsurl.blogspot.com" target="_blank">Lal</a>
<a href="http://friendsurl.blogspot.com" target="_blank">Viper</a>
<a href="http://friendsurl.blogspot.com" target="_blank">Squalo</a>
<a href="http://friendsurl.blogspot.com" target="_blank">Skull</a>
<a href="http://friendsurl.blogspot.com" target="_blank">Xanxus</a>
<a href="http://friendsurl.blogspot.com" target="_blank">Ciel</a>
<a href="http://friendsurl.blogspot.com" target="_blank">Sebastian</a><br><br>

<div class="hdr2">Credits</div>
Layout: <a href="http://www.blogskins.com/me/tuesdaynight" target="_blank">tues</a><a href="http://tuesdaynight.co.nr/" target="_blank">day</a><a href="http://papermannequins.livejournal.com/" target="_blank">night</a><br>
Resources: <a href="http://www.flickr.com/photos/rena78/2628131481/" target="_blank">1</a> <a href="http://moargh.de/wordpress/" target="_blank">2</a> <a href="http://www.swimchick.net/" target="_blank">3</a> <a href="http://www.dafont.com/" target="_blank">4</a>
</td>

<td id="tag" style="display: none;">
<div class="hdr2">Tagboard</div>
Tagboard codes here. ^^
</td>

<td id="past" style="display: none;">
<div class="hdr2">Archives</div>
<Blogger>
<BlogItemTitle>
<a href="<$BlogItemPermalinkURL$>" class="hov"><$BlogItemTitle$></a>
</BlogItemTitle>
</Blogger>
</td>
</tr>
</table>
</body>
</html>